﻿<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML><html>
<head>
<title>secondHand!</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
			    <script type="text/javascript">
			        jQuery(document).ready(function ($) {
			            $(".scroll").click(function (event) {
			                event.preventDefault();
			                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1200);
			            });
			        });
				</script>
<!---- start-smoth-scrolling---->
 <!-- Custom Theme files -->
<link href="css/style.css"rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900' rel='stylesheet' type='text/css'>
<!----//webfonts---->
	<!----- start-Share-instantly-slider---->
					 <!-- Prettify -->
						<link href="css/owl.carousel.css" rel="stylesheet">
					    <script src="js/owl.carousel.js"></script>
					    <script>
						    $(document).ready(function() {
						      $("#owl-demo , #owl-demo1").owlCarousel({
						        items : 1,
						        lazyLoad : true,
						        autoPlay : true,
						      });
						    });
					    </script>
					    <script>
						    $(document).ready(function() {
						      $("#owl-demo3").owlCarousel({
						        items : 4,
						        lazyLoad : true,
						        autoPlay : true,
						        navigation: false,
						        pagination: false,
						      });
						    });
					    </script>
					<!----- //End-Share-instantly-slider---->
             
				<!----start-top-nav-script---->
		<script>
		    $(function () {
		        var pull = $('#pull');
		        menu = $('nav ul');
		        menuHeight = menu.height();
		        $(pull).on('click', function (e) {
		            e.preventDefault();
		            menu.slideToggle();
		        });
		        $(window).resize(function () {
		            var w = $(window).width();
		            if (w > 320 && menu.is(':hidden')) {
		                menu.removeAttr('style');
		            }
		        });
		    });
		</script>
		<!----//End-top-nav-script---->
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		    <script type="text/javascript">
		        $(document).ready(function () {
		            $('#horizontalTab').easyResponsiveTabs({
		                type: 'default', //Types: default, vertical, accordion           
		                width: 'auto', //auto or any width like 600px
		                fit: true   // 100% fit in a container
		            });
		        });
			   </script>
</head>
<body>
 <form id="form1" runat="server">
    <div class="header">
     <div class="container">
		 <div class="logo">
			<a href="default.aspx"><img src="images/logoo.png"class="img-responsive" alt=""/></a>

		 </div>
		             <nav class="top-nav">
						<ul class="top-nav">
                            <li>&nbsp;  &nbsp;  &nbsp;</li>
                        
                            <li>&nbsp;  &nbsp;</li>
                            
							<li class="active"><a href="#home" class="scroll">首页 <span> </span></a></li>
							<li ><a href="L4view/yonghu/yonghu_login.aspx">买家登录<span> </span></a></li>
							<li ><a href="L4view/saler_login.aspx">卖家登录<span> </span></a></li>
							<li class="page-scroll"><a href="#about" class="scroll">关于我们 <span> </span></a></li>
							<li class="page-scroll"><a href="#price" class="scroll">服务条款<span> </span></a></li>
							<li class="page-scroll"><a href="#news" class="scroll">联系客服<span> </span></a></li>
                           <li class="page-scroll"><a href="L4view/search.aspx" >搜索商品<span> </span></a></li>
                             <li class="page-scroll"><a href="L4view/master_login.aspx">管理员登录<span> </span></a></li>
						</ul>
						<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
					</nav>			
	               

	  </div>
   </div>
   <div class="slider" id="home">
  	<div class="slider_container">
  		<div class="wmuSlider example1">
			   <div class="wmuSliderWrapper">
				   <article style="position: absolute; width: 100%; opacity: 0;"> 
				   	 <div class="banner-wrap">
				   		 <div class="slider-left">
						
						   
						    <h1>推荐新品！</h1> <br><h1> &nbsp&nbsp&nbsp&nbsp 欢迎选购！</h1>
							<br> <h3 class="top">这里是我们网站最新上传的<br>一些新品商品~  欢迎点击选购！</h3>
						    <ul class="button"> <br> <br> <br> <br>   
						       <li><a href="#">了解更多</a></li>
							   <li><a href="#">马上购买</a></li>
							</ul>
						 </div>
					   	 <div class="slider-right">
							 <img src="images/one.jpg" alt=""/> 
						 </div>
						 <div class="clearfix"> </div>
					 </div>
					</article>
				   <article style="position: relative; width: 100%; opacity: 1;"> 
				   	 <div class="banner-wrap">
				   		 <div class="slider-left">
						  
						  
						    <h1>推荐新品！</h1> <br><h1> &nbsp&nbsp&nbsp&nbsp 欢迎选购！</h1>
							<br> <h3 class="top">这里是我们网站最新上传的<br>一些新品商品~  欢迎点击选购！</h3>
						    <ul class="button"> <br> <br> <br> <br>   
						       <li><a href="#">了解更多</a></li>
							   <li><a href="#">马上购买</a></li>
							</ul>
						 </div>
					   	 <div class="slider-right">
							 <img src="images/one.jpg" alt=""/> 
						 </div>
						 <div class="clearfix"> </div>
					 </div>
				   </article>
				   <article style="position: absolute; width: 100%; opacity: 0;">
				   	 <div class="banner-wrap">
				   		 <div class="slider-left">
						
						    <h1>推荐新品！</h1> <br><h1> &nbsp&nbsp&nbsp&nbsp 欢迎选购！</h1>
							<br> <h3 class="top">这里是我们网站最新上传的<br>一些新品商品~  欢迎点击选购！</h3>
						    <ul class="button"> <br> <br> <br> <br>   
						       <li><a href="#">了解更多</a></li>
							   <li><a href="#">马上购买</a></li>
							</ul>
						 </div>
					   	 <div class="slider-right">
							 <img src="images/one.jpg" alt=""/> 
						 </div>
						 <div class="clearfix"> </div>
					 </div>
				   </article>
				   <article style="position: absolute; width: 100%; opacity: 0;">
				   	<div class="banner-wrap">
				   		  <div class="slider-left">
						   
						    <h1>推荐新品！</h1> <br><h1> &nbsp&nbsp&nbsp&nbsp 欢迎选购！</h1>
							<br> <h3 class="top">这里是我们网站最新上传的<br>一些新品商品~  欢迎点击选购！</h3>
						    <ul class="button"> <br> <br> <br> <br>   
						       <li><a href="#">了解更多</a></li>
							   <li><a href="#">马上购买</a></li>
							</ul>
						 </div>
					   	 <div class="slider-right">
							 <img src="images/one.jpg" alt=""/> 
						 </div>
						 <div class="clearfix"> </div>
					 </div>
				   </article>
				   <article style="position: absolute; width: 100%; opacity: 0;"> 
				   	 <div class="banner-wrap">
				   		 <div class="slider-left">
						  
						    <h1>推荐新品！</h1> <br><h1> &nbsp&nbsp&nbsp&nbsp 欢迎选购！</h1>
							<br> <h3 class="top">这里是我们网站最新上传的<br>一些新品商品~  欢迎点击选购！</h3>
						    <ul class="button"> <br> <br> <br> <br>   
						       <li><a href="#">了解更多</a></li>
							   <li><a href="#">马上购买</a></li>
							</ul>
						 </div>
					   	 <div class="slider-right">
							 <img src="images/one.jpg" alt=""/> 
						 </div>
						 <div class="clearfix"> </div>
					 </div>
			      </article>
				</div>
                <ul class="wmuSliderPagination">
                	<li><a href="#" class="">0</a></li>
                	<li><a href="#" class="">1</a></li>
                	<li><a href="#" class="">2</a></li>
                	<li><a href="#">3</a></li>
               </ul>
              </div>
            	 <script src="js/jquery.wmuSlider.js"></script> 
				       <script>
				           $('.example1').wmuSlider();         
   						</script> 	           	      
           </div>
      </div>
      <div class="main">
      	<div class="content-top" id="fea">
      		<div class="container">
      			<h2 class="m_1">欢迎光临西南大学二手商品交易中心</h2>
      			<p class="m_2">最便捷的服务，最实用的校园交易网站<br></p>
      			<ul class="icons">
      				<li><a href="#"><i class="icon1"> </i></a></br><h3 class="m_4">服饰类</h3></li>
      				<li><a href="#"><i class="icon2"> </i></a></br><h3 class="m_4">学习类</h3></li>
      				<li><a href="#"><i class="icon3"> </i></a></br><h3 class="m_4">艺体类</h3></li>
      				<li><a href="#"><i class="icon4"> </i></a></br><h3 class="m_4">电子类</h3></li>
      				<li><a href="#"><i class="icon5"> </i></a></br><h3 class="m_4">食品类</h3></li>
      				<li><a href="#"><i class="icon6"> </i></a</br><h3 class="m_4"> 租房类</h3></li>
                      <textbox></textbox> 
      				<div class="clearfix"> </div>
      			</ul>
      			<div class="m_3"><span class="left_line"> </span><div class="border"> </div><span class="right_line"> </span></div>
      		</div>
      	</div>
      	<!----- start-gallery----->
		<div id="screen" class="work">
			       <div id="owl-demo3" class="owl-carousel owl-carousel2">
				                <div class="item">
				                	<img class="lazyOwl" src="images/s1.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s2.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s4.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s3.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s5.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s6.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                </div>
				                 <div class="item">
				                	<img class="lazyOwl" src="images/s1.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                	<div class="clearfix"> </div>
				                </div>
				                <div class="item">
				                	<img class="lazyOwl" src="images/s2.jpg" alt="Lazy Owl Image">
				                	<p class="img_slider"><span class="g-title">Mauris euismod ultrices </span><br><span class="g-title1">10 June 2014, <span class="g-title2">Design, Web</span></span></p>
				                	<div class="clearfix"> </div>
				                </div>
				                <div class="clearfix"> </div>
			</div>
		</div>
	    <!--<div class="about" id="about">
			<div class="container">
		    <div class="sap_tabs">	
			<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
			  <ul class="resp-tabs-list">
			  	  <li class="resp-tab-item" aria-controls="tab_item-0" role="tab">关于网站</li>
				  <li class="resp-tab-item" aria-controls="tab_item-1" role="tab">支持服务</li>
			   </ul>				  	 
				<div class="resp-tabs-container">
				      <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
						<div class="facts">
							<div class="row">
								<div class="col-md-6 about_top">
								   <div class="tab_left-top">
										<ul class="tab1">
											<h3>Worldwide<br><span class="m_5">Business</span></h3>
											<i class="a1"> </i>
											<div class="clearfix"></div>
										</ul>
										<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
									</div>
									<ul class="tab1">
										<h3>Creative<br><span class="m_5">Solutions</span></h3>
										<i class="a2"> </i>
										<div class="clearfix"></div>
									</ul>
									<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
								</div>
								<div class="col-md-6">
								   <div class="tab_left-top">
										<ul class="tab1">
											<h3>Program <br><span class="m_5">Management</span></h3>
											<i class="a3"> </i>
											<div class="clearfix"></div>
										</ul>
										<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
									</div>
									<ul class="tab1">
										<h3>Regulatory<br><span class="m_5">Support</span></h3>
										<i class="a4"> </i>
										<div class="clearfix"></div>
									</ul>
									<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
								</div>
							</div>
				        </div>
				     </div>	
				     <div class="tab-2 resp-tab-content" aria-labelledby="tab_item-1">
					 	<div class="facts">
							<div class="row">
								<div class="col-md-6 about-top1">
								   <div class="tab_left-top">
										<ul class="tab1">
											<h3>Program <br><span class="m_5">Management</span></h3>
											<i class="a3"> </i>
											<div class="clearfix"></div>
										</ul>
										<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
									</div>
									<ul class="tab1">
										<h3>Regulatory<br><span class="m_5">Support</span></h3>
										<i class="a4"> </i>
										<div class="clearfix"></div>
									</ul>
									<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
								</div>
								<div class="col-md-6">
								   <div class="tab_left-top">
										<ul class="tab1">
											<h3>Worldwide<br><span class="m_5">Business</span></h3>
											<i class="a1"> </i>
											<div class="clearfix"></div>
										</ul>
										<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp</p>
									</div>
									<ul class="tab1">
										<h3>Creative<br><span class="m_5">Solutions</span></h3>
										<i class="a2"> </i>
										<div class="clearfix"></div>
									</ul>
								</div>
							</div>
						</div>
				      </div>
				   </div>
		        </div>
			</div>
		</div>
	   </div>-->
      </form>
</body>
</html>


